// 基于axios的请求模块
import axios from 'axios'
import JSONbig from 'json-bigint'
// 组件中可以使用this.$route，而非组件中需要导入
import router from '@/router'
// 非组件模块这样使用
import { Message } from 'element-ui'
// 请求发给axios进行配置
const request = axios.create({
  baseURL: 'http://api-toutiao-web.itheima.net/',
  // 响应的数据转换API
  transformResponse: [function (data, headers) {
    try {
      return JSONbig.parse(data)
    } catch {
      return data
    }
  }]
})

// 请求拦截器
request.interceptors.request.use(
  function (config) {
    // 这里的config可以修改
    const user = JSON.parse(window.localStorage.getItem('user'))
    if (user) {
      config.headers.Authorization = `Bearer ${user.token}`
    }

    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器

request.interceptors.response.use(function (response) {
  // 响应码为2xx开头的都会进入这里
  return response
}, function (error) {
  const { status } = error.response.status
  // 响应码超出2xx的都会进入这里
  if (status === 401) {
    // 跳转到登录页面
    router.push('/login')
    Message('登录状态无效，请重新登录')
    // 清除本地存储中的用户登录状态
    window.localStorage.removeItem('user')
  } else if (status === 400) {
    Message('请求参数错误，请检查请求参数')
    // 客户端参数错误
  } else if (status === 403) {
    Message('没有操作权限')
    // 没有操作权限
  } else if (status >= 500) {
    Message.error('服务端内部异常，请稍后重试')
    // 服务端错误
  }
  return Promise.reject(error)
})

export default request
